<gm:page title="My App" authenticate="false">

  <style>
  
  .authSubIframeClass { 
     height: 250px;
     margin-left: 15px;
     width: 95%;
  }
  </style>  
  
  
  <script language="JavaScript" type="text/javascript" src="resources/demo.js" ></script>
  <script language="JavaScript" type="text/javascript" src="resources/xmlFormat.js" ></script>
  <script language="JavaScript" type="text/javascript" src="resources/httpRequest.js" ></script>
  <script language="JavaScript" type="text/javascript" src="resources/httpResponse.js" ></script>
  <script language="JavaScript" type="text/javascript" src="resources/registerEventHandler.js" ></script>
  <script language="JavaScript" type="text/javascript" src="resources/authSubIframeUrl.js" ></script>
  <script language="JavaScript" type="text/javascript" src="resources/tokenCookie.js" ></script>
  <script language="JavaScript" type="text/javascript" src="resources/windowOnLoad.js" ></script>      
   
    
  <p><a id="authSubUrl" href="#">Get new single-use AuthSub token</a></p>  
  Current single-use token: <span id="singleUseToken">0</span>      
  

  <div id="GET" style="display: block;">
     <h2>Query (HTTP GET)</h2>
     <p>Query URI: <code>/base/feeds/</code>
      <input name="text" class="uri" id="GETurlSuffix" value="snippets?bq=digital+camera" size="65" type="text"/>    
      <input name="button" id="queryButton" value="Query" type="button"/>
     </p>      
     <h3>Request</h3>
     <p/>
     <div id="GETrequest"></div>
     <h3>Response</h3>
     <p/>
     <div id="GETresponse"></div>
</div>   
  
  <br/>
  
  <iframe class="authSubIframeClass" id="authSubIframe" src="https://www.google.com/base/api/demo/authsub/html/upgradeToken.html"/>
  
  <p>
  <select id="method" name="operationName"> 
         <option value="GET">Query</option>
   </select>
   </p>
   
   
   
   

</gm:page>